async는 function 앞에 위치한다.
async function f() {\n return 1;\n}\n\nf().then(alert); // 1async를 붙이면 해당 함수는 항상 프라미스를 반환한다.// await는 async 함수 안에서만 동작한다.\nasync function f() {\n let promise = new Promise((resolve, reject) => {\n setTimeout(() => resolve('완료!'), 1000);\n });\n\n let result = await promise; // 프라미스가 이행될 때까지 기다림\n\n alert(result); // \"완료!\"\n}\n\nf();async function f() {\n await Promise.reject(new Error('에러 발생!'));\n}\n\n// throw문을 사용해 위와 동일한 코드를 작성할 수 있다.\nasync function f() {\n throw new Error('에러 발생!');\n}\n\n// 또는 try catch문을 사용해 잡을 수 있다.\nasync function f() {\n try {\n let response = await fetch('http://유효하지-않은-url');\n let user = await response.json();\n } catch (err) {\n // fetch와 response.json에서 발행한 에러 모두를 여기서 잡습니다.\n alert(err);\n }\n}\n\nf();비슷하다. 둘 중 편한 것을 쓰면 된다.
\n하지만 여러 개의 프라미스가 모두 처리되길 기다려야 하는 상황이라면...
\n// 프라미스 처리 결과가 담긴 배열을 기다립니다.\nlet results = await Promise.all([\n fetch(url1),\n fetch(url2),\n ...\n]);실패한 프라미스에서 발생한 에러는 보통 에러와 마찬가지로 Promise.all로 전파된다. 에러 때문에 생긴 예외는 try...catch로 감싸 잡을 수 있다.
\n